// 历遍生成4个方向的底部安全区
@each $d in top, right, bottom, left {
    .safe-area-inset-#{$d} {
        padding-#{$d}: 0;
        padding-#{$d}: constant(safe-area-inset-#{$d});
        @if $d == bottom {
            padding-#{$d}: Max(env(safe-area-inset-#{$d}), 30rpx);
        } @else {
            padding-#{$d}: env(safe-area-inset-#{$d});
        }
        box-sizing: content-box;
    }
}

.container {
    background: #fff;
    color: $uv-main-color;
    font-size: 30rpx;
    box-sizing: border-box;
    min-height: 100vh;
}

.iconfont {
    font-size: 32rpx;
}

.not-active {
    opacity: 0.5;
}

.jx-cell {
    margin: 0 $side-width;

    .jx-cell-title {
        color: $uv-tips-color;
        margin: 18rpx 0;
        font-size: 28rpx;
    }

    .jx-cell-box {
        background: #fff;
        border-radius: 6px;

        .cell-item {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            min-height: 100rpx;
            padding: 0 $side-width;
            position: relative;

            .label {
                color: $uv-main-color;
				font-size: 28rpx;
            }

            .right {
                padding-left: 10%;
                flex: 1;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: flex-end;

                text {
                    flex: 1;
                    word-wrap: break-word;
                    color: $uv-main-color;
                    text-align: right;
                    font-size: 28rpx;
                }

                .icon-right {
                    font-size: 26rpx;
                    color: $uv-light-color;
                    margin-left: 8rpx;
                }
            }
        }
    }
}

.jx-popup{
	.jx-popup-header{
		z-index: 1;
		position: relative;
		display: flex;
		align-items: center;
		padding: 30rpx $side-width;
		
		h1{
			width: 100%;
			text-align: center;
			font-size: 32rpx;
			font-weight: 600; 
		}
		
		.iconfont{
			right: $side-width;
			position: absolute;
			font-size: 36rpx;
			color: $uv-tips-color;
		}
	}
	
	.jx-popup-content{
		min-height: 40vh;
		max-height: 60vh;
		padding:  $side-width;
		box-sizing: border-box;
		padding-bottom: 0;
	}
	
	.jx-popup-button{
		padding: 0 $side-width;
	}
}